<template>
  <div class="title">
    <div class="title-text">{{ title }}</div>
  </div>
</template>
<script setup>
defineProps({
  title: {
    type: String,
    default: "",
  },
});
</script>
<style scoped lang="less">
.title {
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-weight: bold;
  color: #222;
  font-size: 30px;
  line-height: 46px;
  &:after {
    content: "";
    background-image: linear-gradient(90deg, #4bf5ff, #2f6aff);
    border-radius: 2px;
    content: "";
    display: block;
    height: 4px;
    margin: 16px auto 12px;
    width: 40px;
  }
}
</style>
